﻿.webuploader-container {
    position:relative;
}
.webuploader-element-invisible {
    position:absolute !important;
    clip:rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip:rect(1px, 1px, 1px, 1px);
}
.upload-pick { position:relative; float:left; display:inline-block; width:110px; height:110px; margin:0 10px 10px 0; padding:0; border:none; cursor:pointer; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; overflow:hidden; }
.webuploader-pick {
    position:relative;
    cursor:pointer;
    width:100%;
    height:100%;
    text-align:center;
    border-radius:3px;
    overflow:hidden;
    /*background:url(../images/upload-bj.png) no-repeat 0 0;  */
	
}
.webuploader-pick-hover {
    /* background:url(../images/upload-bj.png) no-repeat 0 -110px; */
	
}
.webuploader-pick-disable {
    opacity:0.6;
    pointer-events:none;
}
.uploader-list .thumbnail {
    width:110px;
    height:110px;
    padding:0;
}
.uploader-list .thumbnail img {
    width:100%;
}
.file-item {
    float:left;
    position:relative;
    margin:0 10px 10px 0;
}
.file-item .file-panel {
    position:absolute;
    display:none;
    top:0;
    left:0;
    right:0;
    background:red;
    color:white;
    text-align:center;
    cursor:pointer;
    height:20px;
    font-size:13px;
    line-height:20px;
}
.file-item:hover .file-panel{ display: block; }
.file-item .error {
    position:absolute;
    top:0;
    left:0;
    right:0;
    background:red;
    color:white;
    text-align:center;
    height:20px;
    font-size:14px;
    line-height:23px;
}
.file-item .info {
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    height:20px;
    line-height:20px;
    text-indent:5px;
    background:rgba(0, 0, 0, 0.6);
    color:white;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size:12px;
    z-index:10;
}
.upload-state-done:after {
    content:"";
    position:absolute;
    display: block;
    left: 0;
    bottom: 0;
    height: 40px;
    width: 100%;
    z-index: 200;
    background: url(../images/success.png) no-repeat right bottom;
}
.file-item .progress {
    position:absolute;
    bottom:0;
    left:0;
    height:4px;
    right:0;
    overflow:hidden;
    z-index:15;
    margin:0;
    padding:0;
    border-radius:0;
    background:transparent;
}
.file-item .progress span {
    display:block;
    overflow:hidden;
    width:0;
    height:100%;
    background:#d14 url(../images/progress.png) repeat-x;
    -webit-transition:width 200ms linear;
    -moz-transition:width 200ms linear;
    -o-transition:width 200ms linear;
    -ms-transition:width 200ms linear;
    transition:width 200ms linear;
    -webkit-animation:progressmove 2s linear infinite;
    -moz-animation:progressmove 2s linear infinite;
    -o-animation:progressmove 2s linear infinite;
    -ms-animation:progressmove 2s linear infinite;
    animation:progressmove 2s linear infinite;
    -webkit-transform:translateZ(0);
}
@-webkit-keyframes progressmove {
    0% {
        background-position:0 0;
    }
    100% {
        background-position:17px 0;
    }
}
@-moz-keyframes progressmove {
    0% {
        background-position:0 0;
    }
    100% {
        background-position:17px 0;
    }
}
@keyframes progressmove {
    0% {
        background-position:0 0;
    }
    100% {
        background-position:17px 0;
    }
}